<template>
  <div class="LoginBtn">
    <div class="LoginBtn_input">
      <button @click="registerClick">{{btnText}}</button>
    </div>
  </div>
</template>

<script>
export default {
  props: ["btnText"],
  methods: {
    registerClick() {
      this.$emit("registerSubmit");
    }
  }
};
</script>
<style lang="less" scoped>
.LoginBtn_input {
  display: flex;
  padding: 4.167vw 2.778vw;
  button {
    height: 11.111vw;
    flex: 1;
    font-size: 4.444vw;
    background-color: rgb(255, 169, 181);
    border: none;
    outline: none;
    border-radius: 4vw;
    color: white;
  }
}
</style>